<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="css/default.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="wrapper">
	<div id="header">
    	<div class="inner">
            <div class="logo">
                <h1><a href="#"></a></h1>
            </div><!--.logo-->
       	</div><!--.inner-->
    </div><!--#header-->
   	<div id="nav">
    	<div class="inner">
            <ul>
                <li class="active"><a href="#"><span>HOME PAGE</span></a></li>
                <li><a href="#"><span>ABOUT US</span></a></li>
                <li><a href="#"><span>PRODUCTS</span></a></li>
            </ul>
       	</div><!--.inner-->
    </div><!--#nav-->
    <div id="primary">
    	<div class="inner clearfix">
        	<div class="siderbar">
            	<div class="box">
                	<h6>IFV Information</h6>
                	<ul>
                    	<li><a class="active" href="#">Information 01</a></li>
                        <li><a href="#">Information 02</a></li>
                        <li><a href="#">Information 03 Information 03 Information 03</a></li>
                        <li class="last"><a href="#">Information 04</a></li>
                    </ul>
                </div><!--.box-->
                <div class="box pink">
                	<h6>IFV Information</h6>
                	<ul>
                    	<li><a class="active" href="#">Information 01</a></li>
                        <li><a href="#">Information 02</a></li>
                        <li><a href="#">Information 03 Information 03 Information 03</a></li>
                        <li class="last"><a href="#">Information 04</a></li>
                    </ul>
                </div><!--.box-->
            </div><!--.siderbar-->
            <div id="main">
            	<div class="client clearfix">
                	<h6>Our Client</h6>
                    <ul>
                    	<li> 
                        	<span><a href="#"><img src="images/client-sony.jpg" alt=""></a></span>
                            <span class="title">Sony mail magazine</span>
                        </li>
                        <li>
                        	<span><a href="#"><img src="images/client-kirin.jpg" alt=""></a></span>
                            <span class="title">Kirin mail magzine</span>
                        </li>
                        <li class="last">
                        	<span><a href="#"><img src="images/client-nato.jpg" alt=""></a></span>
                            <span class="title">Sato Holdings</span>
                       	</li>
                    </ul>
                </div><!--.client-->
                <div class="about">
                	<h6 class="hl">About Us</h6>
                    <div class="content">
                    	<div class="top clearfix">
                            <div class="fl">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate vel it esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                <p class="more"><a href="#">&rarr; Lear more...</a></p>
                            </div><!--.fl-->
                            <div class="fr">
                                <span><a href="#"><img src="images/logo-pri.png" align=""></a></span>
                            </div><!--.fr-->
                       	</div><!--.top-->
                        <div class="info">
                            <p class="title">Table Information</p>
                            <table width="100%" cellspacing="0" cellpadding="0" border="0" class="">
                                  <tr>
                                    <th>Title 01</th>
                                    <th>Title 02</th>
                                    <th>Title 03</th>
                                  </tr>
                                  <tr>
                                    <td class="hl" rowspan="2">Main Items</td>
                                    <td colspan="2">xxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                                  </tr>
                                  <tr>
                                    <td colspan="2">xxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                                  </tr>
                                  <tr>
                                    <td colspan="3">
                                        <span>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span>
                                        <span>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span>
                                    </td>
                                  </tr>
                            </table>
                        </div><!--.info-->
                    </div><!--.content-->
                </div><!--#about-->
            </div><!--#main-->
        </div><!--.inner-->
    </div><!--#primary-->
    <div id="footer">
    	<div class="inner">
        	<div class="fl">
            	<p>2013年のコディングテスト</p>
            </div><!--.fl-->
            <div class="fr">
            	<p><a href="#header">Page top</a></p>
            </div><!--.fr-->
        </div><!--.inner-->
    </div><!--#footer-->
</div><!--#wrapper-->
</body>
</html>
